<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自在天原</title>
    <script src="../js/angular1.6.0.js"></script>
    <script src="../js/angular-route.js"></script>
    <link href="../css/register.bundle.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/registerController.js"></script>
</head>

<body background="/zzlp/img/bg.jpg" style="background-size:100% 100%;background-attachment:fixed;" ng-app="app">


<div class="mydiv">

    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#regWithMail" data-toggle="tab">
                邮箱注册
            </a>
        </li>
        <li><a href="#regWithTel" data-toggle="tab">
                手机注册
        </a></li>
    </ul>

    <div class="tab-content">

        <div class="tab-pane fade in active" id="regWithMail">
            <div class="reg container ng-scope" ng-controller="RegisterWithMail">
                <p class="tanc_tl">
                    自在天原
                </p>
                <p class="tanc_tl_small">
                    账号注册
                </p>

                <div class="reg_main">
                    <!-- 邮箱 -->
                    <div class="login_gp">
                        <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="email"
                               name="email" ng-model="email" ng-blur="judgeEmail()" placeholder="请输入您的邮箱">
                        <p class="erro ng-binding" ng-bind="emailMsg" style="height:17px"></p>
                    </div>

                    <!-- 登录密码 -->
                    <div class="login_gp">
                        <input type="password" placeholder="请输入您的登录密码"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="password"
                               ng-model="password" name="password" ng-blur="judgePwd()">
                        <!-- <p class="erro" ng-show="pass" ng-cloak>限6~16个字符，字母(区分大小写)或数字及组合！</p>
                        <p class="erro" ng-show="passExist"  ng-cloak>密码不能为空</p> -->
                        <p class="erro ng-binding" style="height:17px" ng-bind="pwdMsg"></p>
                    </div>

                    <!-- 确认密码 -->
                    <div class="login_gp">
                        <input type="password" placeholder="请再次确认您的密码"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="repassword"
                               ng-model="repassword" name="repassword" ng-blur="judgeRePwd()">
                        <!-- <p class="erro" ng-show="rePass" ng-cloak>两次密码不一致，请检查！</p> -->
                        <p class="erro ng-binding" ng-bind="rePwdMsg" style="height:17px"></p>
                    </div>

                    <!-- 昵称 -->
                    <div class="login_gp">
                        <input type="text" placeholder="请输入您的昵称"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="name"
                               name="name" ng-blur="judgeName()">
                        <p class="erro ng-binding" style="height:17px" ng-bind="nameMsg"></p>
                    </div>

                    <!-- 选择身份 -->
                    <div class="login_gp">
                        <span class="left">
                          选择身份
                        </span>
                        <select class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="role"
                                name="role" ng-change="judgeIdentity()">
                            <option label="天工" value="type:1">天工</option>
                            <option label="天师" value="type:2">天师</option>
                            <option label="甲方" value="type:3">甲方</option>
                            <option label="HR" value="type:4">HR</option>
                        </select>
                    </div>


                    <div class="agree clearfix">
                        <input type="checkbox"
                               class="left ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required"
                               ng-model="agree" id="listenAgreement" required="required" ng-change="judgeAgree()"
                        >
                        <div class="aggree_main">
                            我同意<a href="agreement.html" target="_blank">用户协议</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="login.html">已注册账号，前往登录</a>
                        </div>
                        <!-- <p class="erro" ng-show="judgeAgreementInput" ng-cloak>用户协议需同意</p> -->

                    </div>


                    <p class="erro ng-binding" style="height:17px" ng-bind="subMsg"></p>
                    <!-- 完成 -->
                    <input type="button" ng-click="regWithMail()" class="login_btn ng-pristine ng-untouched ng-valid ng-empty" value="下一步">
                </div>
                <!--         </form>-->
            </div>
        </div>

        <div class="tab-pane fade" id="regWithTel">
            <div class="reg container ng-scope" ng-controller="RegisterWithTel">
                <p class="tanc_tl">
                    自在天原
                </p>
                <p class="tanc_tl_small">
                    账号注册
                </p>
                <!--<form method="post" action="../Register/AddUser">
    -->
                <div class="reg_main">
                    <!-- 手机 -->
                    <div class="login_gp">
                        <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="tel"
                               name="tel" ng-model="tel" ng-blur="judgeTel()" placeholder="请输入您的手机号">
                        <p class="erro ng-binding" ng-bind="telMsg" style="height:17px"></p>
                    </div>

                    <!-- 登录密码 -->
                    <div class="login_gp">
                        <input type="password" placeholder="请输入您的登录密码"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="Tpassword"
                               ng-model="password" name="password" ng-blur="judgePwd()">
                        <!-- <p class="erro" ng-show="pass" ng-cloak>限6~16个字符，字母(区分大小写)或数字及组合！</p>
                        <p class="erro" ng-show="passExist"  ng-cloak>密码不能为空</p> -->
                        <p class="erro ng-binding" style="height:17px" ng-bind="pwdMsg"></p>
                    </div>

                    <!-- 确认密码 -->
                    <div class="login_gp">
                        <input type="password" placeholder="请再次确认您的密码"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="Trepassword"
                               ng-model="repassword" name="repassword" ng-blur="judgeRePwd()">
                        <!-- <p class="erro" ng-show="rePass" ng-cloak>两次密码不一致，请检查！</p> -->
                        <p class="erro ng-binding" ng-bind="rePwdMsg" style="height:17px"></p>
                    </div>

                    <!-- 验证码 -->
                    <div class="login_gp clearfix yzm">
                        <input type="text" style="float:left" placeholder="请输入您的验证码" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="code" ng-model="identifyingCode" ng-blur="judgeIdentifyingCode()">
                        <button class="btn btn-primary ng-binding" style="float:right" id="verCode"  ng-bind="va" ng-disabled="disabled" ng-click="getIdentifyingCode()">免费获取验证码</button>
                        <br>
                    </div>
                    <!-- <p class="erro" ng-show="judgeIdentifyingExist" ng-cloak>请输入收到短信上显示的验证码！</p>
                    <p class="erro" ng-show="judgeIdentifyingInput" ng-cloak>验证码错误！</p> -->
                    <p class="erro ng-binding" style="height:17px" ng-bind="codeMsg"></p>

                    <!-- 昵称 -->
                    <div class="login_gp">
                        <input type="text" placeholder="请输入您的昵称"
                               class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="name"
                               name="name" ng-blur="judgeName()">
                        <p class="erro ng-binding" style="height:17px" ng-bind="nameMsg"></p>
                    </div>

                    <div class="login_gp">
                        <span class="left">
                          选择身份
                        </span>
                        <select class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="role"
                                name="role" ng-change="judgeIdentity()">
                            <option label="天工" value="type:1">天工</option>
                            <option label="天师" value="type:2">天师</option>
                            <option label="甲方" value="type:3">甲方</option>
                            <option label="HR" value="type:4">HR</option>
                        </select>
                    </div>


                    <div class="agree clearfix">
                        <input type="checkbox"
                               class="left ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required"
                               ng-model="agree"  required="required" ng-change="judgeAgree()"
                        >
                        <div class="aggree_main">
                            我同意<a href="agreement.html" target="_blank">用户协议</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="login.html">已注册账号，前往登录</a>
                        </div>
                        <!-- <p class="erro" ng-show="judgeAgreementInput" ng-cloak>用户协议需同意</p> -->

                    </div>

                    <p class="erro ng-binding" style="height:17px" ng-bind="subMsg"></p>
                    <!-- 完成 -->
                    <input type="button" ng-click="regWithTel()" class="login_btn ng-pristine ng-untouched ng-valid ng-empty" value="下一步">
                </div>
                <!--  </form>-->
            </div>
        </div>

    </div>

</div>


</body>
</html>